<template>
	<view class="content_ao">
		<view class="uview-banner">
			<view class="postion">
				<u-navbar class="custom-navbar" title="个人中心" :bgColor="navBgColor" :titleStyle="{ color: navColor }"
					fixed>
					<view slot="left"></view>
				</u-navbar>
			</view>
		</view>
		<scroll-view scroll-y="true" style="width: 100vw;height: 90vh;padding-top: 10vh;">
			<!-- :style="{ background: `url(${beijing}) left top/100% 100% no-repeat` }" -->
			<view class="content_fin" style="overflow-x:hidden;">
				<!-- 轮播图 -->
				<!-- <div>
					<QSNavbar :navbarItems="navbarItems_1" backgroundColor="rgba(0,0,0,0)" ref="navbar"></QSNavbar>
				</div> -->

				<!-- <u-sticky :customNavHeight="navbarHeigth" v-if="navbarHeigth"> -->
				<view class="content_add" v-if="openid !=''">
					<!-- <view class="" style="position: absolute;    top: -23px;z-index: 999;left: -14px;">
						<u-avatar :src="icon1" size="90"></u-avatar>
					</view> -->
					<view class="content_add_left">
						<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
							v-if="heading == ''">
							<u-avatar :src="icon2" size="64"></u-avatar>
						</button>
						<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
							style="border-radius: 50% 50%;display: flex;align-items: center;justify-content: center;"
							v-if="heading != ''">
							<u-avatar :src="heading" size="64"></u-avatar>
						</button>
					</view>
					<view class="content_add_right">
						<view class="content_add_right_top">
							<!-- {{nickname}} -->
							{{phone}}
						</view>
						<view class="content_add_right_center" @click="addinfo">
							<view class="content_add_right_center1" v-if="member_level!=''">
								{{member_level}}
							</view>
							<!-- <view class="content_add_right_center2">
								下一级 24%
							</view> -->
						</view>
						<!-- <view class="content_add_right_bottom">
							<u-line-progress :percentage="60" height="5" :showText="false" activeColor="#ffffff"
								inactiveColor='rgba(0, 0, 0, 0.2)'></u-line-progress>
						</view> -->
					</view>
				</view>
				<view class="content_add" v-if="openid ==''" @click="addlogin">
					<view class="content_add_left">
						<!-- <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> -->
						<image style="width: 128rpx;height: 128rpx;" :src="icon2" mode=""></image>
						<!-- </button> -->
					</view>

					<view class="content_add_right">
						<view class="content_add_right_top" @click="addlogin">
							请登录

							<!-- <input @blur="blurname" @change="getNickname" v-model="nickname" class="weui-input"
								type="nickname" placeholder="请登录" placeholder-style="color: white;" /> -->
						</view>
					</view>
				</view>
				<view class="contentss" :style="{ background: `url(${beijing1}) left top/100% 100% no-repeat` }"
					v-if="openid !=''">
					<view class="contentss_qian" @click="onClickTab(1)">
						<view class="contentss_qian1">
							{{account_amount}}
						</view>
						<view class="contentss_qian2">
							账户余额
						</view>
					</view>
					<view class="contentss_you" @click="onClickTab(2)">
						<view class="contentss_qian1">
							{{wrtotalt}}
						</view>
						<view class="contentss_qian2">
							优惠券
						</view>
					</view>
					<view class="contentss_jifen" @click="onClickTab(3)">
						<view class="contentss_qian1">
							{{jifen}}
						</view>
						<view class="contentss_qian2">
							积分
						</view>
					</view>
					<view class="contentss_piao" @click="onClickTab(4)">
						<view class="contentss_qian1">
							<image style="width: 35rpx;height: 27rpx;" :src="fapiao" mode=""></image>
						</view>
						<view class="contentss_qian2">
							开票中心
						</view>
					</view>
					<!-- <view class="contentss_ewm">
						<view class="">
							<image style="width: 90rpx;height: 90rpx;border: #57c28b 3rpx solid;border-radius: 10rpx;" :src="icon3" mode=""></image>
						</view>

					</view> -->
				</view>
				<view class="contentss" :style="{ background: `url(${beijing1}) left top/100% 100% no-repeat` }"
					v-if="openid ==''">
					<view class="contentss_qian">
						<view class="contentss_qian1">
							0
						</view>
						<view class="contentss_qian2">
							账户余额
						</view>
					</view>
					<view class="contentss_you">
						<view class="contentss_qian1">
							0
						</view>
						<view class="contentss_qian2">
							优惠券
						</view>
					</view>
					<view class="contentss_jifen">
						<view class="contentss_qian1">
							0
						</view>
						<view class="contentss_qian2">
							积分
						</view>
					</view>
					<view class="contentss_piao">
						<view class="contentss_qian1">
							<image style="width: 35rpx;height: 27rpx;" :src="fapiao" mode=""></image>
						</view>
						<view class="contentss_qian2">
							开票中心
						</view>
					</view>
					<!-- <view class="contentss_ewm">
						<view class="">
							<image style="width: 90rpx;height: 90rpx;border-radius: 10rpx;border: 4rpx #57c28b solid;" :src="icon3" mode=""></image>
						</view>

					</view> -->
				</view>
				<!-- </u-sticky> -->
				<view class="attribut_s">
					<view class="attribute">
						<view class="menu_my">
							<view class="menu_mycate-item " v-for="(item, index) in myMenuCate" :key="index"
								@click="onClickMenu(item)">
								<!-- <view class="u-page__tag-item">
									<u-badge :value="item.badge" numberType="overflow" isDot :show="item.badge" bgColor="#4BA677"></u-badge>
								</view> -->
								<image class="menu_mypr" :src="item.icon" mode=""></image>
								<text class="menu_mypr_tex">{{item.name}}</text>
							</view>
						</view>

						<view class="menumy">
							<view class="menu_mycate-item " v-for="(item, index) in my_Cate" :key="index"
								@click="onClickMenu(item)">
								<image class="menu_mypr" :src="item.icon" mode=""></image>
								<text class="menu_mypr_tex">{{item.name}}</text>
							</view>
						</view>

						<view class="menumy1">
							<view class="menu_mycate-item " v-for="(item, index) in my_Cate1" :key="index"
								@click="onClickMenu1(item,index)">
								<image class="menu_mypr" :src="item.icon" mode=""></image>
								<text class="menu_mypr_tex">{{item.name}}</text>
							</view>
						</view>

						<view class="add_con_topw" style="padding: 0 20rpx;">
							<view class="add_con_top_leftw" @click="exercise_duration"
								:style="{ background: `url(${acimg1}) left top/100% 100% no-repeat` }">
								<text class="grid-text1w">锻炼时长</text>
								<view class="grid-text11w"><text class="grid-text11w_s">{{time}}</text><text
										class="grid-text11w_e">分钟</text></view>
								<text class="grid-text111w">生命在于运动</text>
							</view>
							<view class="add_con_rightw" @click="sports_power"
								:style="{ background: `url(${acimg2}) left top/100% 100% no-repeat` }">
								<text class="grid-text1w">运动力榜单</text>
								<view class="grid-text11w"><text class="grid-text11w_s">{{times}}</text><text
										class="grid-text11w_e">次</text></view>
								<text class="grid-text111w">坚持就是胜利</text>
							</view>
						</view>

						<!-- 各项数据运动 -->
						<!-- <view class="business">
							<view class="business-title">
								<image :src="huodong" mode="" style="width: 170rpx;height: 49rpx;"></image>
							</view>
							<view class="news-list-more" >
								<u-icon name="arrow-right" :customStyle="{ color: 'rgb(190,190,190) !important' }"
									:bold="true">
								</u-icon>
							</view>
						</view> -->
						<view class="business_s" @click="onmotion" style="padding: 0 20rpx;margin-bottom: 10rpx;">
							<view class="business-title_s">
								<image :src="huodong" mode="" style="width: 243rpx;height: 49rpx;"></image>
							</view>
							<view class="news-list-more_s">
								<text>更多</text>
								<image style="width: 32rpx;height: 32rpx;" :src="jiantou11" mode=""></image>
							</view>
						</view>

						<view class=" flex-align  flex-wrap" v-if="mylists">
							<view style="width: 345rpx;height: 160rpx;margin-left: 20rpx; margin-bottom: 20rpx;"
								@click="sports_data(item,index)" v-for="(item,index) in mylists" :key="index"
								:style="{ background: `url(${acimg3}) left top/100% 100% no-repeat` }">
								<view style="display: flex;flex-direction: row; justify-content: space-between; ">
									<view style="display: flex;flex-direction: row;margin: 30rpx 0 0 30rpx;">
										<view>
											<image style="height: 42rpx;width: 42rpx;border-radius: 15rpx;"
												:src="item.icon" mode=""></image>
										</view>
										<view style="margin-left: 10rpx;font-size: 28rpx;">
											{{item.name}}
										</view>
									</view>
									<view style="margin: 30rpx 20rpx 0 0;">
										<u-icon name="arrow-right" size="12"
											:customStyle="{ color: 'rgb(190,190,190) !important' }" :bold="true">
										</u-icon>
									</view>
								</view>
								<view style="margin: 6rpx 0 0 30rpx;">
									<text style="font-size: 48rpx;font-weight: bold;">{{item.data.time}}</text>
									<text style="font-size: 24rpx;margin-left: 5rpx;">分钟</text>
								</view>
							</view>
						</view>

						<view class="group_67">
							<view class="box_36">
								<view class="group_69" @click="my_list(0)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage0" class="label_24"></image>
											<text lines="1" class="text-group_35">我的信息</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
									<view class="section_11"></view>
								</view>
								<!-- <view class="group_69" @click="my_list(1)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage1" class="label_24"></image>
											<text lines="1" class="text-group_35">消息中心</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
									<view class="section_11"></view>
								</view> -->
								<view class="group_69" @click="my_list(2)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage2" class="label_24"></image>
											<text lines="1" class="text-group_35">关于我们</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
									<view class="section_11"></view>
								</view>
								<!-- <view class="group_69" @click="my_list(7)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage1" class="label_24"></image>
											<text lines="1" class="text-group_35">检查积分授权状态</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
								</view> -->
								<!-- <view class="group_69" @click="my_list(8)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage1" class="label_24"></image>
											<text lines="1" class="text-group_35">快速积分</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
								</view> -->
								<!-- <view class="group_69" @click="my_list(4)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage1" class="label_24"></image>
											<text lines="1" class="text-group_35">超时出场</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
								</view> -->
								<!-- <view class="group_69" @click="my_list(3)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage3" class="label_24"></image>
											<text lines="1" class="text-group_35">退出登录</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
								</view> -->
								<!-- <view class="group_69" @click="my_list(5)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage3" class="label_24"></image>
											<text lines="1" class="text-group_35">意见反馈</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
									<view class="section_11"></view>
								</view>
								<view class="group_69" @click="my_list(6)">
									<view class="group_76">
										<view class="image-text_77">
											<image :src="footerMenuImage3" class="label_24"></image>
											<text lines="1" class="text-group_35">审批管理</text>
										</view>
										<image :src="jiantou" class="label_25"></image>
									</view>
								</view> -->
							</view>
						</view>

					</view>
					<!-- <view class="" style="margin-top: 100rpx;">
						<navigator
							:url="`plugin://myPlugin/index?openid=${openid}&mch_id=${mchId}&member_status=${memberStatus}&card_open_nav=default`">
							快速积分
						</navigator>
					</view> -->
					<view class="addcon" style="width: 100%;height: 200rpx;"></view>
				</view>
			</view>
			<!-- <view class="group_69" @click="qianzi()">
				<view class="group_76">
					<view class="image-text_77">
						<image :src="footerMenuImage3" class="label_24"></image>
						<text lines="1" class="text-group_35">签字</text>
					</view>
					<image :src="jiantou" class="label_25"></image>
				</view>
			</view> -->

		</scroll-view>
		<view class="custom-bg" v-if="show" @click="close()"></view>
		<view class="pop_in" style="" v-if="show">
			<view class="pop_top" style="">
				<view class="">
					昵称
				</view>
				<view class="">
					<!-- <input type="text" placeholder="昵称" style="width: 26vw;"/> -->
					<input @blur="blurname" @change="getNickname" v-model="nickname" class="weui-input"
						style="width: 26vw;text-align: right;" type="nickname" placeholder="获取昵称"
						placeholder-style="color: #000;" />
					<!-- <input @blur="blurname" @change="getNickname" v-model="nickname" class="weui-input"
								type="nickname" placeholder="请登录" placeholder-style="color: #000;" /> -->
				</view>
			</view>
			<view class="pop_bottom" style="">
				<view class="">
					头像
				</view>
				<view class="">
					<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
						v-if="heading == ''">
						<u-avatar :src="icon2" size="32"></u-avatar>
					</button>
					<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar" v-else>
						<!-- <u-avatar :src="heading" size="32"></u-avatar> -->
						<image :src="heading" style="width: 64rpx;height: 64rpx;border-radius: 50%;" mode=""></image>
					</button>
				</view>
			</view>
			<view class="pop_btn">
				<u-button text="确定" @click="login_s()" shape="circle"
					color="linear-gradient( 270deg, #47B37B 0%, #69D19B 100%, #4BA677 0%)"></u-button>
			</view>
		</view>

		<!-- <plugin://myPlugin/index 
		      :mch_id="mchId" 
		      :openid="openid" 
		      :member_status="memberStatus"
		      :card_open_nav="'default'"
		    /> -->




		<u-popup border-radius="14" mode='center' :mask-close-able="false" :closeable="false" :show="showPopup">
			<view class="not-logged-in">
				<view class="title">授权小程序</view>
				<u-image width="113" height="90" :src="logosrc" v-if="logosrc!=''"></u-image>
				<u-image width="113" height="90" :src="icon2" v-else></u-image>
				<view class="desc">需要手机号授权登录</view>
				<view class="btns">
					<button class="btn2" @click="cancelogin">取消授权</button>
					<button class="btn" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">立即授权</button>
				</view>
			</view>
		</u-popup>
		<!-- 底部导航组件 -->
		<tabber :active="4"></tabber>
	</view>
</template>

<script>
	import QSNavbar from "@/components/QS-Navbar/QS-Navbar.vue";
	const index = require('@/api/personal/index.js')
	const venues = require("@/api/venues/venues.js");
	const train = require("@/api/train/index.js");
	const subscribe = require('@/api/subscribe/index.js')
	const market = require("@/api/market/index.js");
	import zqBox from '@/uni_modules/zq-box/components/zq-box/zq-box.vue'
	export default {
		components: {
			QSNavbar,
			zqBox
		},
		data() {
			return {
				icon1: this.$https.assetsPath + 'f1d02c2ca57a1155fe4bda6ada0dae63323ef88e.png',
				icon2: this.$https.assetsPath + 'db34b1cd242d406763397f09ca0aa8e2371b81d4.png',
				icon3: this.$https.assetsPath + '18432f2e6ca787dd45fd3aaddd8b3f19b5ffba20.png',
				icon4: this.$https.assetsPath + '28a23e828379c206ac26139816f194bb327c8f89.png',
				icon5: this.$https.assetsPath + '8721b07c9f06b88defcfc8a7f6da6a7dddea231c.png',
				icon6: this.$https.assetsPath + 'de4dc9ca6f9d68fd14adb835d65b4513a2281b17.png',
				icon7: this.$https.assetsPath + '46fdf821c019312e34ec91b87751e3eb9b58f9e0.png',
				navBgColor: 'rgba(255, 255, 255, 0)',
				navColor: '#ffffff',
				beijing: this.$https.assetsPath + "d63cec5aabc867006f4591415b8308a20df199d8.png",
				beijing1: "https://oss.szsportscenter.cn/upload/99/8cc981a85f4133b490377ac4ff38df.png?attname=sangebeij123.png",
				// beijing1: this.$https.assetsPath + "sangebeij1.png",
				acimg1: this.$https.assetsPath + "4adc485b0e7d355db73652939c7788865f6d432a.png",
				acimg2: this.$https.assetsPath + "49c74ad1924ac35d0efbabc078ac4fe8e1a82f3f.png",
				acimg3: this.$https.assetsPath + "a9aa3696eca82c7bb00ae682184744f89828f515.png",
				srcimg: this.$https.assetsPath + "70916bb5d55f9dda26296b2f7325087b1be77467.png",
				huodong: this.$https.assetsPath + "4e2abddbe0858de2d2d4ae025e9dcb101928f89c.png",
				footerMenuImage0: this.$https.assetsPath + "91c6496a25b940abdfdeac6e586dc17df12fe7c6.png",
				footerMenuImage1: this.$https.assetsPath + "9e0f0871a09be4917570ff458d90099a1e05b2de.png",
				footerMenuImage2: this.$https.assetsPath + "f390087488681810509f45eb2b08f515170d33f5.png",
				footerMenuImage3: this.$https.assetsPath + "1fc30d73873a61c260fe35d61d1d840af119861a.png",
				jiantou: this.$https.assetsPath + "f264cc11bf384d70c190bbd13c52737e6e002957.png",
				jiantou11: this.$https.assetsPath + "jiantou11.png",
				fapiao: "https://oss.szsportscenter.cn/upload/e7/2a464470d0a94aeb11e782872eb3e8.png?attname=24.png",
				navbarItems_1: [{
					layout: "left",
					type: "text",
					text: "个人中心",
					width: 50,
					weight: "bold",
					color: "#fff",
				}, ],
				motion: [{
						img: this.$https.assetsPath + "fd2465760bec456160da01175003e772aebc2382.png",
						name: '健身',
						time: '13,765',
						unit: '分钟'
					},
					{
						img: this.$https.assetsPath + "ef64b8de82f924edbb994bca7b9fbf2e3e3ae9e9.png",
						name: '跑步',
						time: '13,765',
						unit: '公里'
					},
					{
						img: this.$https.assetsPath + "6e0cc70770ef3428bfcd1af9bffaad4434148874.png",
						name: '行走',
						time: '13,765',
						unit: '公里'
					},
					{
						img: this.$https.assetsPath + "24c9e882c409d449154f5694855f2da6863f1a7d.png",
						name: '骑行',
						time: '13,765',
						unit: '公里'
					}
				],
				my_Cate: [{
						// icon: this.$https.assetsPath + '8bf962ef67ff93bbb5200a3234c77122eb73c7b5.png',
						icon: 'https://oss.szsportscenter.cn/upload/14/fded19f83fa09b8ead054c271d3d87.png?attname=saibao.png',
						name: '我的赛包',
						url: '/pages_a/my-event/my-event'
					},
					{
						icon: this.$https.assetsPath + '0f95ae811c1ee19f334e9982ca7d9dcf973448ae.png',
						name: '我的球友',
						url: '/pages_other/teammate/my-teammate',
					},
					{
						icon: this.$https.assetsPath + 'a03a762d82b16d7b2ecc65dba64cbaed6195dad7.png',
						name: '我的队伍',
						url: '/page_venues/pages/team-info/team-info',
					},
					{
						icon: this.$https.assetsPath + 'b3e4e6bbd5cef56852f096525f247cb6529177f3.png',
						name: '我的队员',
						url: '/page_venues/pages/member-info/member-info?xq=1'
					},
					{
						icon: this.$https.assetsPath + 'f96a7d6e3935026d11e9788647c7e6be83b656de.png',
						name: '学员信息',
						url: '/page_venues/pages/student-archives/student-archives'
					}

				],
				my_Cate1: [{
						icon: 'https://oss.szsportscenter.cn/upload/a2/cba59a2e0ce905275206ea692abc66.png?attname=duihuan.png',
						name: '我的兑换',
						url: '/page_points/page_points/exchange_record'
					},
					{
						icon: 'https://oss.szsportscenter.cn/upload/40/3d8445284b234bdad3c01ad9c8d69f.png?attname=jifenshangc.png',
						name: '快速积分',
						url: '/page_points/page_points/exchange_record'
					},
					// {
					// 	icon: '',
					// 	name: '',
					// 	url: '',
					// },
					{
						icon: '',
						name: '',
						url: '',
					},
					{
						icon: '',
						name: '',
						url: '',
					},
					{
						icon: '',
						name: '',
						url: '',
					},
				],
				myMenuCate: [{
						// icon: this.$https.assetsPath + 'af985312d454b04537cc541203fbb5c5d3ec4952.png',
						icon: 'https://oss.szsportscenter.cn/upload/56/0526e969d9111627a51156a99cd491.png?attname=dingdan.png',
						name: '我的订单',
						url: '/pages/personal/orders/orders?tab=0',
					}, {
						icon: this.$https.assetsPath + '670f1b2ff476fd3ab872c3aaa4b11d7090700b5c.png',
						name: '我的卡包',
						url: '/pages/personal/card-pack/card-pack',
					},
					{
						icon: this.$https.assetsPath + 'da63433339d4d794746678ba9c57bf3694ea0e24.png',
						name: '我的票夹',
						url: '/pages_other/ticket-holder/ticket-holder',
					},
					{
						icon: this.$https.assetsPath + '0d00b839109141184a15238e4350376d1352d6bd.png',
						name: '我的场地',
						url: '/pages_a/my-venues/my-venues'
					},
					{
						icon: this.$https.assetsPath + 'b5a3057d8b3b594d97df34428b8518e40817d2fb.png',
						name: '我的课包',
						url: '/pages_a/my-lesson/my-lesson',
					},

				],
				list: [{
						className: 'orders',
						title: '我的订单',
						menuList: [{
								icon: this.$https.assetsPath + '54f10b3f9fb9d8b3ce7b375d08be4ea8edc16886.png',
								name: '全部订单',
								url: '/pages/personal/orders/orders?tab=0',
								width: '44rpx',
								height: '44rpx'
							},
							{
								icon: this.$https.assetsPath + 'fccae2bf26cd920a772964f691754a39aa078589.png',
								name: '待付款',
								url: '/pages/personal/orders/orders?tab=1',
								width: '44rpx',
								height: '44rpx',
								badge: ''
							},
							// {
							// 	icon: this.$https.assetsPath + '6e7713d16284e5d2ad6b10cab18c78952e9eb83c.png',
							// 	name: '未完成',
							// 	url: '/pages/personal/orders/orders?tab=2',
							// 	width: '44rpx',
							// 	height: '40rpx',
							// },
							{
								icon: this.$https.assetsPath + 'eaf77ebb561ca05980a92f0343ee46410c6590d1.png',
								name: ' 已付款',
								url: '/pages/personal/orders/orders?tab=2',
								width: '44rpx',
								height: '44rpx',
							},
							{
								icon: this.$https.assetsPath + '843f96d2baa1b3b0d30226d05f6bb76f2ba52de3.png',
								name: '退款/取消',
								url: '/pages/personal/orders/orders?tab=3',
								width: '44rpx',
								height: '44rpx',
							},
						]
					}

				],
				list1: [{
						title: '我的档案袋',
						menuList: [{
								icon: this.$https.assetsPath + '0b62ebb86b40a110774c9387eaf3f17221a790a8.png',
								name: '我的银行卡',
								url: '/page_venues/pages/bank-card/bank-card'
							},
							{
								icon: this.$https.assetsPath + 'b1871cd0b9a8aa88daf67cef8414804de4c9849c.png',
								name: '我的学员',
								url: '/page_venues/pages/student-archives/student-archives'
							},
							{
								icon: this.$https.assetsPath + 'c8b7a7937e07c760c4b2fb22c4d5c587a331b831.png',
								name: '我的队员',
								url: '/page_venues/pages/member-info/member-info?xq=1'
							},
							{
								icon: this.$https.assetsPath + 'd91eafd734f3987d420e98f941b0ed8518dccbd1.png',
								name: '我的队伍',
								url: '/page_venues/pages/team-info/team-info'
							},

							{
								icon: this.$https.assetsPath + '206f10d5366c27ea6b04ae1ad432e9bad627aecb.png',
								name: '我的地址',
								url: '/page_venues/pages/mailing-address/mailing-address'
							},
							{
								icon: this.$https.assetsPath + 'b0666de2249d5e6592cdf8aeaeda0ed3710bb303.png',
								name: '我的发票',
								url: '/page_venues/pages/invoice-header/invoice-header'
							},
							{
								icon: this.$https.assetsPath + 'ef33a3f1bb12a57bae06bba7d1b4e874ff68607b.png',
								name: '我的车辆',
								url: '/page_venues/pages/cars-info/cars-info'
							},
							// {
							// 	icon: this.$https.assetsPath + '8fd913115e9e00095f271ffdfe606f4437c07dc1.png',
							// 	name: '企业信息',
							// 	url: '/pages_a/company-info/company-info'
							// },
							{
								icon: this.$https.assetsPath + '262897bbfb59a769ebe2c604f4a35f1326ce9b08.png',
								name: '我的球友',
								url: '/pages_other/teammate/my-teammate'
							},
							{
								icon: this.$https.assetsPath + 'b9dd307d399465861ac7fa28dafda743f10a16e6.png',
								name: '我的兑换',
								url: '/page_points/page_points/exchange_record'
							},
							{
								icon: this.$https.assetsPath + 'fda56882382f63f8148f29c0765245006639257d.png',
								name: '好友栏',
								url: '/pages_other/cardbag/card_recipient'
							},
							{
								icon: this.$https.assetsPath + '32390cfa58ccd3c8f15ecc0efa79a8fd5c07b83f.png',
								name: '我的礼品',
								url: '/page_points/my_gift/my_gift'
							},
							// {
							// 	icon: this.$https.assetsPath + 'fda56882382f63f8148f29c0765245006639257d.png',
							// 	name: '个人码',
							// 	url: '/page_points/personal_code'
							// },

						]
					},

				],
				avatarUrl: '',
				codes: '',
				openidlist: '',
				nickname: '',
				vip_name: '',
				jifen: 0,
				navbarHeigth: null,
				assetsPath: this.$https.assetsPath,
				is_sure: 1,
				heading: '',
				show: false,
				account_amount: '0',
				badminton: '',
				basketball: '',
				exercise: '',
				swimming: '',
				time: 0,
				times: 0,
				mylists: [],
				wrtotalt: 0,
				member_level: '',
				top_agree: 0,
				showPopup: false,
				logosrc: uni.getStorageSync("heading"),
				phone: '',
				openid: '',
				mchId: '1489203282',
				memberStatus: "1"
			};
		},

		onLoad(options) {
			this.openidlist = options.openidlist
			let phone = uni.getStorageSync('phone')
			if (!phone) {
				this.showPopup = true
			} else {
				this.showPopup = false
			}
			// 获取页面设置配置
			let that = this
			wx.login({
				success(res) {
					that.codes = res.code
					// that.onunionid()
				}
			})
			let params = {
				app_id: this.$https.weixinAppId,
			}
			index.getProjectIdByAppId(params).then(result => {
				getApp().globalData.projectId = result.data.result
				getApp().globalData.sign = result.data.sign;
				if (uni.getStorageSync('phone')) {
					that.userLoginPhone = uni.getStorageSync('phone')
					that.getLocation();
				}
			})
		},
		onShow() {
			this.mylist()
			this.getAppletConfig()
			this.getMyTicketCount()
			this.getMyCardCount()
			this.getMyPaymentNum()
			this.getMyInfolist()
			this.getMyCourtNum()
			this.getMyEnrollNum()
			this.getMyClassNum()
			this.getPoints()
			this.getTarget()
			this.getMyCoupon()
			// this.AoutUs_s()
		},

		methods: {
			addinfo() {


			},
			onGetPhoneNumber(e) {
				var _this = this

				if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {
					uni.showToast({
						title: '获取用户信息失败',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
				} else {
					// 获取手机号并解密
					uni.checkSession({
						success() {
							// session未过期,并且在本生命周期一直有效 (这里可以不写代码)
						},
						fail() {
							// session_key已失效,需要重新登录流程并更新code
							uni.login({
								success(res) {
									_this.codes = res.code
								}
							})
						},
						complete() {
							// 将code,iv,encryptedData传给后端进行解密
							let params = {
								appid: _this.$https.weixinAppId,
								encryptedData: e.detail.encryptedData,
								iv: e.detail.iv,
								code: _this.codes,
								project_id: getApp().globalData.projectId,
								references: uni.getStorageSync("openidlist"),
								invite_code: uni.getStorageSync("codescene") //二维码用户openid
							}
							_this.appletPhoneLogin(params)
						}
					})
				}
			},
			cancelogin() {
				this.showPopup = false
			},
			async mylist() {
				let params = {
					open_id: uni.getStorageSync('openid'),
					project_id: getApp().globalData.projectId,
					app_id: this.$https.weixinAppId,
				};
				let res = await index.mylist(params);
				if (res.code === 1) {
					this.mylists = res.data.result.my
				}
			},
			onClickTab(index) {
				if (index == 1) {
					wx.navigateToMiniProgram({
						appId: 'wx1581663debd273d5',
						// path: 'pages/account/account',
						path: 'pages/memberCenter/memberCenter',
						extraData: {
							// 可选，传递给目标小程序的数据，具体格式自定义
						},
						envVersion: 'release', // 可选，跳转到目标小程序的版本，可选值为 develop（开发版）、trial（体验版）、release（正式版）
						success(res) {
							// 跳转成功的回调
						},
						fail(err) {
							// 跳转失败的回调
						}
					});
				} else if (index == 3) {
					wx.navigateToMiniProgram({
						appId: 'wx1581663debd273d5',
						// path: 'pages/pointDetail/pointDetail',
						path: 'pages/memberCenter/memberCenter',
						extraData: {
							// 可选，传递给目标小程序的数据，具体格式自定义
						},
						envVersion: 'release', // 可选，跳转到目标小程序的版本，可选值为 develop（开发版）、trial（体验版）、release（正式版）
						success(res) {
							// 跳转成功的回调
						},
						fail(err) {
							// 跳转失败的回调
						}
					});
				} else if (index == 2) {
					uni.navigateTo({
						url: '/pages_a/coupons/coupons'
					})
				} else if (index == 4) {
					wx.navigateToMiniProgram({
						appId: 'wx1581663debd273d5',
						// path: 'pages/pointDetail/pointDetail',
						path: 'pages/invoice/invoice',
						extraData: {
							// 可选，传递给目标小程序的数据，具体格式自定义
						},
						envVersion: 'release', // 可选，跳转到目标小程序的版本，可选值为 develop（开发版）、trial（体验版）、release（正式版）
						success(res) {
							// 跳转成功的回调
						},
						fail(err) {
							// 跳转失败的回调
						}
					});
				}
			},
			qianzi() {
				uni.navigateTo({
					url: "/page_points/webview/webview"
					// url: `/page_points/webview/webview1?url=${this.link_url}`
				})
			},
			close() {
				this.show = false
			},
			my_list(type) {
				let that = this
				switch (type) {
					case 0:
						uni.navigateTo({
							url: '/pages_other/user-info/user-info?edit=true'
						})
						break;
						// case 1:
						// 	uni.navigateTo({
						// 		url:'/pages_other/about/about'
						// 	})
						// 	break;
					case 2:
						uni.navigateTo({
							url: '/pages_other/about/about'
						})
						break;
					case 3:
						that.nickname = ''
						uni.removeStorageSync('token');
						uni.removeStorageSync('phone');
						uni.removeStorageSync('openid');
						uni.clearStorage();
						uni.clearStorageSync();
						uni.navigateTo({
							url: '/pages/personal/personal'
						})
						break;
					case 4:
						uni.navigateTo({
							url: '/pages_a/overtime-appearance/overtime-appearance'
						})
						break;
					case 5:
						uni.navigateTo({
							url: '/page_points/feedback/feedback'
						})
						break;
					case 6:
						uni.navigateTo({
							url: '/page_luckdraw/approval-admin/approval-admin'
						})
						break;
					case 7:
						const myPluginInterface = requirePlugin('myPlugin');
						const openid = uni.getStorageSync('openid')
						const mchId = '1489203282'
						console.log(openid)
						console.log(mchId)
						myPluginInterface.getAuthStatus(openid, mchId).then(res => {
							console.log('授权状态：', res);
							if (res.return_code === '0') {
								if (res.status === '1') {
									console.log('用户已授权快速积分');
								} else {
									console.log('用户未授权快速积分');
								}
							}
						});
						break;
						// case 8:
						// 	uni.navigateTo({
						// 		url: `plugin://myPlugin/index?openid=${uni.getStorageSync('openid')}&mch_id=${this.mchId}&member_status=${this.memberStatus}&card_open_nav=default`
						// 	})
						// 	break;

				}
			},
			onClickMenu(item) {
				if (!uni.getStorageSync("openid")) {
					uni.showToast({
						title: '请先登录！',
						icon: 'none',
						duration: 1000
					});
				} else {
					let phone = uni.getStorageSync('phone')
					if (!phone) {
						this.showPopup = true
					} else {
						this.showPopup = false
						if (item.url) {
							uni.navigateTo({
								url: item.url
							});
						}
					}
				}
			},
			onClickMenu1(item, index) {
				if (!uni.getStorageSync("openid")) {
					uni.showToast({
						title: '请先登录！',
						icon: 'none',
						duration: 1000
					});
				} else {
					let phone = uni.getStorageSync('phone')
					if (!phone) {
						this.showPopup = true
					} else {
						this.showPopup = false
						if (index == 0) {
							uni.navigateTo({
								url: '/page_points/page_points/exchange_record'
							});
						} else if (index == 1) {
							uni.navigateTo({
								url: `plugin://myPlugin/index?openid=${uni.getStorageSync('openid')}&mch_id=${this.mchId}&member_status=${this.memberStatus}&card_open_nav=default`
							})
						}
					}
				}
			},
			async appletPhoneLogin(params) {
				let that = this
				let data = params
				let result = await index.appletPhoneLogin(data)
				if (result.code == 1) {
					uni.setStorageSync('phone', result.data.phone)
					uni.setStorageSync('openid', result.data.openid)
					that.showPopup = false
					this.mylist()
					this.getAppletConfig()
					this.getMyTicketCount()
					this.getMyCardCount()
					this.getMyPaymentNum()
					this.getMyInfolist()
					this.getMyCourtNum()
					this.getMyEnrollNum()
					this.getMyClassNum()
					this.getPoints()
					this.getTarget()
					this.getMyCoupon()
					this.show = false
					uni.login({
						success(res) {
							that.codes = res.code
						}
					})
				} else {
					uni.showToast({
						icon: 'none',
						mask: true,
						title: '授权失败，请稍后再试'
					})
				}
			},
			async getTarget() {
				let params = {
					open_id: uni.getStorageSync('openid'),
				};
				let res = await index.getTarget(params);
				if (res.code === 1) {
					this.time = res.data.time
					this.times = res.data.times
				}
			},
			async getPoints() {
				let params = {
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync('openid'),
				};
				let res = await index.getPoints(params);
				if (res.code === 1) {
					this.jifen = res.data.point
					this.account_amount = res.data.account_amount
					this.member_level = res.data.member_level
				}
			},
			async getAppletConfig() {
				let that = this
				let data = {
					'weixinAppId': this.$https.weixinAppId,
					'projectId': getApp().globalData.projectId,
				}
				let result = await index.index(data)
				if (result.code == 1) {}
			},
			async getLocation() {
				const [err, res] = await uni.getLocation({
					isHighAccuracy: true, // 开启地图精准定位
					type: "gcj02",
				});
			},
			// 获取我的待付款订单
			async getMyInfolist() {
				let params = {
					appid: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					openid: uni.getStorageSync('openid'),
				};
				let res = await venues.getMyInfo(params);
				if (res.code === 1) {
					this.heading = res.data.data.headimg
					this.nickname = res.data.data.username
					this.is_sure = res.data.data.is_sure
					this.vip_name = res.data.data.vip_name
					this.openid = res.data.data.openid1
					this.top_agree = res.data.data.top_agree
					this.logosrc = res.data.data.headimg
					this.phone = res.data.data.phone
					uni.setStorageSync('is_sure', res.data.data.is_sure)
					uni.setStorageSync('heading', res.data.data.headimg)
					uni.setStorageSync('nickname', res.data.data.nickname)
				}
			},
			// 获取我的票数量
			async getMyTicketCount() {
				let that = this
				let postData = {
					project_id: getApp().globalData.projectId,
					user_id: uni.getStorageSync('openid'),
					appid: this.$https.weixinAppId,
				}
				let res = await index.getMyTicketCount(postData)
				if (res.code == 1) {
					that.myMenuCate[1].badge = res.data.ticketData
				}
			},
			// 获取我的卡数量
			async getMyCardCount() {
				let that = this
				let postData = {
					project_id: getApp().globalData.projectId,
					user_id: uni.getStorageSync('openid'),
					appid: this.$https.weixinAppId,
				}
				let res = await index.getMyCardCount(postData)
				if (res.code == 1) {
					that.myMenuCate[0].badge = res.data.cardData
				}
			},

			// 获取我的待付款数量
			async getMyPaymentNum() {
				let that = this
				let postData = {
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync('openid'),
					app_id: this.$https.weixinAppId,
				}
				let res = await index.getMyPaymentNum(postData)
				if (res.code == 1) {
					that.list[0].menuList[1].badge = res.data.count
				}
			},
			// 获取课节
			async AoutUs_s(train_id) {
				let postData = {
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
				}
				let res = await train.aboutUs(postData)
				if (res.code === 1) {
					this.version_num = res.data.result.version_num
					this.link_url = res.data.result.link_url
				}
			},
			// 球场数量
			async getMyCourtNum() {
				let that = this
				let postData = {
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync('openid'),
					app_id: this.$https.weixinAppId,
				}
				let res = await venues.getMyCourtNum(postData)
				if (res.code === 1) {
					that.myMenuCate[2].badge = res.data.num
				}
			},
			// 赛事数量
			async getMyEnrollNum() {
				let that = this
				let postData = {
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync('openid'),
					app_id: this.$https.weixinAppId,
				}
				let res = await venues.getMyEnrollNum(postData)
				if (res.code === 1) {
					that.myMenuCate[4].badge = res.data.num
				}
			},
			// 培训数量
			async getMyClassNum() {
				let that = this
				let postData = {
					project_id: getApp().globalData.projectId,
					user_id: uni.getStorageSync("phone"),
					appid: this.$https.weixinAppId,
					openid: uni.getStorageSync("openid"),
				}
				let res = await venues.getMyClassNum(postData)
				if (res.code === 1) {
					that.myMenuCate[3].badge = res.data.num
				}
			},
			// 昵称
			blurname(e) {
				let that = this
				let nick_name = e.detail.value
				that.nickname = e.detail.value
				// if (e.detail.value != '') {
				// 	that.nickname = nick_name
				// 	that.login()
				// } else {
				// }

			},
			getNickname(e) {
				let that = this
				let nick_name = e.detail.value
				that.nickname = e.detail.value
				// if (e.detail.value != '') {
				// 	that.nickname = nick_name
				// 	// that.login()
				// } else {
				// 	uni.showToast({
				// 		icon: 'none',
				// 		mask: true,
				// 		title: '请登录'
				// 	})
				// }
			},

			addlogin() {
				this.show = true
			},

			async login_s() {
				let that = this
				if (that.nickname == '') { //判断如果身份证为空，提示用户输入身份证
					uni.showToast({
						title: '请授权昵称',
						icon: 'none'
					})
					return
				}
				if (that.heading == '') { //判断如果身份证为空，提示用户输入身份证
					uni.showToast({
						title: '请授权头像',
						icon: 'none'
					})
					return
				}
				let params = {
					appid: that.$https.weixinAppId,
					code: that.codes,
					project_id: getApp().globalData.projectId,
					references: uni.getStorageSync("openidlist"),
					invite_code: uni.getStorageSync("codescene"), //二维码用户openid
					nick_name: that.nickname,
					avatar: that.heading
				}
				let result = await index.login(params)
				if (result.code == 1) {
					// this.onunionid()
					that.nickname = result.data.username
					that.openid = result.data.openid
					uni.setStorageSync('phone', result.data.phone)
					uni.setStorageSync('openid', result.data.openid)
					uni.removeStorage({
						key: 'openidlist',
						success: function(res) {}
					});
					this.mylist()
					this.getAppletConfig()
					this.getMyTicketCount()
					this.getMyCardCount()
					this.getMyPaymentNum()
					this.getMyInfolist()
					this.getMyCourtNum()
					this.getMyEnrollNum()
					this.getMyClassNum()
					this.getPoints()
					this.getTarget()
					this.getMyCoupon()
					this.show = false
					uni.login({
						success(res) {
							that.codes = res.code
						}
					})
					// uni.showLoading({
					// 	success(res) {
					// 		if (res.errMsg == 'showLoading:ok') {
					// 			uni.hideLoading()
					// 			uni.reLaunch({
					// 				url: '/pages/personal/personal'
					// 			})
					// 		}
					// 	}
					// })
				} else {
					uni.showToast({
						icon: 'none',
						mask: true,
						title: '授权失败，请稍后再试'
					})
				}
			},
			onAvatar() {
				uni.navigateTo({
					url: '/pages_other/user-info/user-info?edit=true'
				})
			},
			// 头像
			onChooseAvatar(e) {
				let that = this
				this.avatarUrl = e.detail.avatarUrl
				uni.uploadFile({
					url: 'https://oss.szsportscenter.cn/api/upload/uploadVPath',
					filePath: this.avatarUrl,
					name: 'file',
					formData: {
						open_id: uni.getStorageSync('openid'),
					},
					success: (res) => {
						if ((JSON.parse(res.data)).code == 1) {
							that.heading = JSON.parse(res.data).data
						}
					}
				})

			},
			onmotion() {
				uni.navigateTo({
					url: '/page_commodity/motion'
				})
			},
			exercise_duration() {
				uni.navigateTo({
					url: '/page_commodity/exercise_duration'
				})
			},
			sports_power() {
				uni.navigateTo({
					url: '/page_commodity/sports_power?top_agree=' + this.top_agree
				})
			},
			sports_data(item, index) {
				uni.navigateTo({
					url: '/page_commodity/sports_data?id=' + item.id
				})
			},
			async getMyCoupon() {
				let postData = {
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					open_id: uni.getStorageSync('openid'),
					page: 1,
					limit: 10,
					status: 0,
					venue_id: '',
					window_id: '',
				}
				let res = await market.getMyCoupon(postData);
				if (res.code == 1) {
					this.wrtotalt = res.data.result.total
				}
			},
		},
	};
</script>

<style lang="scss" scoped>
	@import url("@/static/css/index/index.css");
	@import url("@/static/css/personal/index.css");

	.not-logged-in {
		width: 619rpx;
		height: 508rpx;
		background-color: #FFFFFF;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 999999;
		border-radius: 10rpx;

		.title {
			font-size: 36rpx;
			font-weight: bold;
			color: #000000;
			text-align: center;
			padding-top: 43rpx;
		}

		.close {
			color: #AAAAAAFF;
			font-size: 40rpx;
			font-weight: bold;
			position: absolute;
			right: 30rpx;
			top: 20rpx;
		}

		/deep/ .u-image {
			margin: auto;
			margin-top: 52rpx;
		}

		.desc {
			font-size: 30rpx;
			color: #000000;
			font-weight: bold;
			text-align: center;
			margin-top: 20rpx;
		}

		.desc2 {
			color: #ADADADFF;
			font-size: 26rpx;
			text-align: center;
			margin-top: 18rpx;
		}

		.btns {
			display: flex;

			.btn {
				width: 50%;
				height: 100rpx;
				position: absolute;
				bottom: 0;
				right: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 34rpx;
				color: #4BA677;
				border-top: 1px solid #E6E6E6FF;
			}

			.btn2 {
				width: 50%;
				height: 100rpx;
				position: absolute;
				bottom: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 34rpx;
				color: #000;
				border-top: 1px solid #E6E6E6FF;
			}
		}
	}

	button {
		margin: unset;
		padding: unset;
		background: unset;
	}

	button:after {
		border: unset;
	}

	.content_ao {
		width: 100%;
		height: auto;
		// background-image: url('https://oss.szsportscenter.cn/img/15b819fac277db4c13712a4197fdd40889b873b4.png');
		background-image: url('https://oss.szsportscenter.cn/upload/2c/a0d794298b1273a83b7fdc5d86634c.png?attname=1500_352.png');
		display: flex;
		flex-direction: column;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.custom-bg {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
		position: fixed;
		z-index: 99999998;
	}

	.pop_in {
		width: 100%;
		height: 22vh;
		display: flex;
		flex-direction: column;
		margin-top: 20rpx;
		position: fixed;
		bottom: 0;
		z-index: 99999999;
		background-color: #FFFFFF;

		.pop_top {
			width: 100%;
			height: 6vh;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding: 0 20rpx;
			border-bottom: 1rpx #ebebeb solid;
		}

		.pop_bottom {
			width: 100%;
			height: 6vh;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding: 0 20rpx;
			border-bottom: 1rpx #ebebeb solid;

			.avatar-wrapper {
				width: 128rpx;
				height: 128rpx;
				border: none !important;
				border: none;
				/* 去掉边框 */
				background-color: rgba(0, 0, 0, 0) !important;
				/* 设置背景色为透明 */
				display: flex;
				justify-content: center;
				align-items: center;

				&::after {
					display: none;
				}

				.avata_s {
					width: 60rpx;
					height: 60rpx;
					border-radius: 50%;
					display: block;
					object-fit: cover;
					/* 调整图片填充方式，保持比例并填充整个容器 */
				}

				.avatar {
					width: 60rpx;
					height: 60rpx;
					// border-radius: 50%;
					display: block;
					// width: 100%;
					// height: 100%;
					object-fit: cover;
					/* 调整图片填充方式，保持比例并填充整个容器 */
				}
			}
		}

		.pop_btn {
			padding: 30rpx 10vh 0 10vh;
		}
	}

	.content_fin {
		width: 100%;
		height: auto;
		// background-image: url('https://oss.szsportscenter.cn/img/e1ecffb8b75a3af4c89408a97cc990e2a12c17cf.png');
		background-image: url('https://oss.szsportscenter.cn/upload/2d/406b4484f0b88bfe3d74e3bc92d339.png?attname=1500_808.png');
		display: flex;
		flex-direction: column;
		background-repeat: no-repeat;
		background-size: contain;

		// display: flex;
		// flex-direction: column;
		// background-size: 100% 100%;
		// background-size: auto;
		// background-repeat: no-repeat;
		// width: 100%;
		// height: 380rpx;
		// position: relative;

		.attribut_s {
			width: 100vw;
			height: 100%;
			background: #FFFFFF;
			border-radius: 30rpx 30rpx 0 0;
			// padding: 0 20rpx;
			// position: absolute;
			// top: 20vh;
			// z-index: 999;
			// padding: 0 10rpx;

			.attribute {
				border-radius: 30rpx 30rpx 0 0;

				.busin_s {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin: 30rpx 0 10rpx 0;
					padding: 0 10rpx;
				}

				.add_con_topw {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					justify-content: space-between;
					// padding: 0 10rpx;

					.add_con_top_leftw {
						background-size: 100% 100%;
						width: 345rpx;
						height: 210rpx;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						border-radius: 15rpx;
						// border: #999999 2rpx dashed;
					}

					.grid-text1w {
						margin-top: 40rpx;
						margin-left: 20rpx;
						// color: #FFFFFF;
						color: rgba(255, 255, 255, 0.7);
						font-size: 22rpx;
					}

					.grid-text11w {
						color: rgba(33, 78, 54, 1);
						font-size: 22rpx;
						font-weight: 100;
						margin-left: 20rpx;
						margin-top: 20rpx;

						.grid-text11w_s {
							font-size: 48rpx;
							color: #FFFFFF;
							font-weight: 600;
						}

						.grid-text11w_e {
							font-size: 22rpx;
							color: #FFFFFF;
							font-weight: 400;
						}
					}

					.grid-text111w {
						color: rgba(33, 78, 54, 1);
						font-weight: 400;
						margin-left: 20rpx;
						font-size: 22rpx;
						color: #FFFFFF;
						margin-top: 0.5vh;
					}

					.add_con_rightw {
						background-size: 100% 100%;
						width: 345rpx;
						height: 210rpx;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						border-radius: 15rpx;
						// border: #999999 2rpx dashed;

					}

					.add_con_bottomw {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						justify-content: space-between;
						margin-top: 1.5vh;
					}

					.add_con_bottom_leftw {
						background-size: 100% 100%;
						width: 210rpx;
						height: 260rpx;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						border-radius: 15rpx;
						margin-right: 2.5vw;
						border: #999999 2rpx dashed;
					}

					.add_con_bottom_centerw {
						background-size: 100% 100%;
						width: 210rpx;
						height: 260rpx;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						border-radius: 15rpx;
						border: #999999 2rpx dashed;
					}

					.add_con_bottom_rightw {
						background-size: 100% 100%;
						width: 210rpx;
						height: 260rpx;
						display: flex;
						flex-direction: column;
						justify-content: flex-start;
						border-radius: 15rpx;
						margin-left: 2.5vw;
						border: #999999 2rpx dashed;
					}
				}

				.menu_my {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					padding: 40rpx 20rpx 20rpx 20rpx;

					.menu_mycate-item {
						display: flex;
						flex-direction: row;
						flex-direction: column;
						justify-content: space-around;
						justify-content: center;
						align-items: center;
						width: 60px;

						.u-page__tag-item {
							width: 100%;
							height: 16rpx;
							box-sizing: border-box;
							display: flex;
							justify-content: flex-end;
						}

						.menu_mypr {
							width: 48rpx;
							height: 48rpx;
						}

						.menu_mypr_tex {
							font-size: 24rpx;
							color: #464646;
							margin-top: 15rpx;
						}
					}
				}

				.menumy {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					padding: 40rpx 20rpx 20rpx 20rpx;

					.menu_mycate-item {
						display: flex;
						flex-direction: row;
						flex-direction: column;
						justify-content: space-between;
						justify-content: center;
						align-items: center;
						width: 60px;

						.u-page__tag-item {
							width: 100%;
							height: 16rpx;
							box-sizing: border-box;
							display: flex;
							justify-content: flex-end;
						}

						.menu_mypr {
							width: 70rpx;
							height: 70rpx;
						}

						.menu_mypr_tex {
							font-size: 24rpx;
							color: #464646;
							margin-top: 15rpx;
						}
					}
				}

				.menumy1 {
					display: flex;
					flex-direction: row;
					padding: 20rpx 20rpx 40rpx 20rpx;
					justify-content: space-between;


					.menu_mycate-item {
						width: 60px;
						display: flex;
						flex-direction: row;
						flex-direction: column;
						justify-content: space-between;
						justify-content: center;
						align-items: center;
						// margin-right: 8.2vw;

						.u-page__tag-item {
							width: 100%;
							height: 16rpx;
							box-sizing: border-box;
							display: flex;
							justify-content: flex-end;
						}

						.menu_mypr {
							width: 70rpx;
							height: 70rpx;
						}

						.menu_mypr_tex {
							font-size: 24rpx;
							color: #464646;
							margin-top: 15rpx;
						}
					}
				}

				.group_67 {
					box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.1);
					background-color: rgba(255, 255, 255, 1.0);
					border-radius: 12rpx;
					align-self: center;
					margin-top: 20rpx;
					display: flex;
					flex-direction: column;
					width: 710rpx;
					// margin-left: 3%;
					height: 175rpx;
					padding: 0 20rpx;
					margin: 0 auto;

					.box_36 {
						display: flex;
						flex-direction: column;
					}

					.group_69 {
						background-color: rgba(255, 255, 255, 0.050000);
						display: flex;
						flex-direction: column;
						padding: 26rpx 20rpx 0 20rpx;
					}

					.group_76 {
						width: 670rpx;
						flex-direction: row;
						display: flex;
						justify-content: space-between;
					}

					.image-text_77 {
						width: 150rpx;
						flex-direction: row;
						display: flex;
						justify-content: space-between;
					}

					.label_24 {
						width: 28rpx;
						height: 28rpx;
						margin: 6rpx 0 6rpx 0;
					}

					.text-group_35 {
						overflow-wrap: break-word;
						color: rgba(64, 72, 85, 1);
						font-size: 28rpx;
						font-family: PingFangSC-Regular;
						font-weight: normal;
						text-align: left;
						white-space: nowrap;
						line-height: 40rpx;
					}

					.label_25 {
						width: 32rpx;
						height: 32rpx;
						margin: 4rpx 0 4rpx 0;
					}

					.section_11 {
						background-color: rgba(219, 219, 219, 1.000000);
						width: 670rpx;
						height: 1rpx;
						margin-top: 23rpx;
						display: flex;
						flex-direction: column;
					}
				}

			}
		}

		.contentss {
			display: flex;
			flex-direction: row;
			background-size: 100% 100%;
			width: 92%;
			height: 134rpx;
			// margin-top: 30rpx;
			margin-left: 4%;
			justify-content: space-around;
			// bottom: 50rpx;
			// position: absolute;
			// left: 4%;

			.contentss_qian {
				display: flex;
				flex-direction: column;
				height: 64rpx;
				width: 25vw;
				border-right: 1rpx solid #8FCDCD;
				// margin-left: 20rpx;
				margin-top: 45rpx;
				justify-content: center;
				align-items: center;

				.contentss_qian1 {
					font-size: 34rpx;
					color: #4BA677;
					font-weight: 700;
				}

				.contentss_qian2 {
					font-size: 24rpx;
					color: #666666;
					margin-top: 5rpx;
				}
			}

			.contentss_you {
				display: flex;
				flex-direction: column;
				height: 64rpx;
				width: 25vw;
				border-right: 1rpx solid #8FCDCD;
				margin-top: 45rpx;
				justify-content: center;
				align-items: center;

				.contentss_qian1 {
					font-size: 34rpx;
					color: #4BA677;
					font-weight: 700;
				}

				.contentss_qian2 {
					font-size: 24rpx;
					color: #666666;
					margin-top: 5rpx;
				}
			}

			.contentss_jifen {
				display: flex;
				flex-direction: column;
				height: 64rpx;
				width: 25vw;
				margin-top: 45rpx;
				justify-content: center;
				align-items: center;
				border-right: 1rpx solid #8FCDCD;

				.contentss_qian1 {
					font-size: 34rpx;
					color: #4BA677;
					font-weight: 700;
				}

				.contentss_qian2 {
					font-size: 24rpx;
					color: #666666;
					margin-top: 5rpx;
				}
			}

			.contentss_piao {
				display: flex;
				flex-direction: column;
				height: 60rpx;
				width: 25vw;
				margin-top: 45rpx;
				justify-content: center;
				align-items: center;

				.contentss_qian1 {
					font-size: 34rpx;
					color: #4BA677;
					font-weight: 700;
				}

				.contentss_qian2 {
					font-size: 24rpx;
					color: #666666;
					margin-top: 5rpx;
				}
			}

			.contentss_ewm {
				display: flex;
				flex-direction: column;
				height: 64rpx;
				width: 170rpx;
				margin-top: 50rpx;
				justify-content: center;
				align-items: center;
			}
		}

		.content_add {
			display: flex;
			flex-direction: row;
			margin-left: 30rpx;
			margin-top: 20rpx;
			position: relative;
			margin-bottom: 20rpx;

			.content_add_left {
				width: 128rpx;
				height: 128rpx;
			}

			.content_add_right {
				display: flex;
				flex-direction: row;
				margin-left: 20rpx;
				// margin-top: 20rpx;
				align-items: center;
				justify-content: space-between;
				flex: 1;

				.content_add_right_top {
					font-size: 32rpx;
					color: #FFFFFF;

					.weui-input {
						color: #FFFFFF;
					}
				}

				.content_add_right_center {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin-right: 40rpx;
					// width: 74vw;
				}

				.content_add_right_center1 {
					// width: 120rpx;
					// height: 30rpx;
					font-size: 24rpx;
					color: rgba(255, 255, 255, 0.8);
					background-color: rgb(71, 166, 118);
					line-height: 30rpx;
					text-align: center;
					border-radius: 20rpx;
					margin-top: 12rpx;
					padding: 6rpx 15rpx;
				}

				.content_add_right_center2 {
					font-size: 24rpx;
					color: rgba(255, 255, 255, 1);
					line-height: 30rpx;
					text-align: center;
					border-radius: 15rpx;
					margin-top: 12rpx;
				}

				.content_add_right_bottom {
					margin-top: 10rpx;
				}
			}
		}
	}
</style>